Dom 您所在的位置:网站首页 js 获取dom元素 Dom

Dom

2024-03-20 22:30| 来源: 网络整理| 查看: 265

一、 创建Html元素

我们想要获取html元素需要先要创建html元素,例如下便这个代码创建了一个div块两个列表两个单选框,并且我们为div块设置了id为div1,为一个列表中的两个li设置了名为list。

hahahahah 111 222 333 111 222 333 男 女

二、元素的获取(在script标签中)

1.普通html标签的获取

// 通过标签名获取元素 返回数组 var aLi = document.getElementsByTagName('li'); console.log(aLi);

2.通过id名获取到id为div1的标签然后将其背景颜色设置为红色

var oDiv = document.getElementById('div1'); console.log(oDiv); oDiv.style.background = "red";

3.通过类名获取,注意的是通过类名获取元素的时候,获取到的list是一个数组,当我们设置样式的时候,我们需要用循环的方式来设置样式

var list = document.getElementsByClassName('list'); console.log(list); for(var i=0; i


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有